<!-- 加盟店/门店查询 -->
<template>
	<view class="content">
		<view class="form">
			<u-form :model="form" ref="uForm">
				<u-form-item label-width="200"><u-input v-model="form.leName" placeholder="请输入经销商名称"
						:clearable="false" /></u-form-item>
				<u-form-item label-width="200"><u-input v-model="form.leUsername" placeholder="请输入您的名字"
						:clearable="false" /></u-form-item>
				<u-form-item label-width="200"><u-input v-model="form.lePassword" type="password" :clearable="false"
						placeholder="请输入您的密码" /></u-form-item>
				<u-form-item label-width="200"><u-input v-model="form.leNumber" maxlength="11" :clearable="false"
						placeholder="请输入您的手机号" /></u-form-item>
				<u-form-item label-width="200"><u-input v-model="form.leSite" placeholder="请输入您的地址"
						:clearable="false" /></u-form-item>
				<u-form-item label-width="200" :border-bottom="false"><u-input v-model="form.leLocation"
						placeholder="请输入您的详细地址" type="textarea" :clearable="false" maxlength="-1" /></u-form-item>
			</u-form>
		</view>
		<u-button type="primary" class="btn" @click="submit(form)" hover-class="hoverClass">提交申请</u-button>
		<div style="color: red;">
			<u-checkbox style="display: inline-block;" v-model="checkboxValue" label="同意以下条款和条件"></u-checkbox>
			<div style="display: inline-block;">我同意以下<a href="#" style="display: inline-block;">[用户服务协议]</a>与<a href="#"
					style="display:inline-block;">[个人信息保护政策]</a></div>
		</div>
		<view>
			<div style="color: #fff;border:1px solid #fff;border-radius: 3px;margin-top: 0.2em;">
				<div style="text-align: center;">[用户服务协议]与[个人信息保护政策]</div>
				为有效保障您使用本服务的合法权益，您理解并同意接受以下规则:</br>
				1.您通过包括但不限于以下方式向服贸会数字平台发出的指令，均视为您本人的指令，不可撤回或撤销，您应自行对服贸会数字平台执行前述指令所产生的任何结果承担责任</br>
				2.通过您的服贸会数字平台账户和密码进行的所有操作:</br>
				通过与您的账号绑走的手机号码向服贸会数字平台发送的全部信息</br>
				3.通过与您的账号绑定的其他硬件、终端、软件、代号、编码、代码、其他账户名等有形体或无形体向服贸会数字平台发送的信息:</br>
				4.其他服贸会数字平台与您约走或服贸会数字平台认可的其他方式。</br>
			</div>
		</view>
	</view>
</template>

<script>
	import {
		postJmd
	} from '@/common/api.js'
	export default {
		data() {
			return {
				checkboxValue:false,
				form: {
					leName: "",
					leUsername: "",
					lePassword: "",
					leNumber: "",
					leSite: "",
					leLocation: ""
				}
			}
		},
		methods: {
			async submit(data) {
				if (this.checkboxValue == false) {
					uni.showToast({
						title: '请同意用户协议！',
						icon:'error',
						duration: 2000
					}); 
					return;
				}
				let res = await postJmd(data)
				if (res.code == 200) {
					this.$util.showTost("申请成功！请联系管理员。")
					this.form.leName = ''
					this.form.leUsername = ''
					this.form.lePassword = ''
					this.form.leNumber = ''
					this.form.leSite = ''
					this.form.leLocation = ''
				}
			}
		}
	}
</script>
<style>
	page {
		background-color: #222;
	}

	.content {
		padding: 30rpx;
	}

	.form {
		margin: 30rpx 0;
		border-radius: 15rpx;
		padding: 20rpx 20rpx;
		border: 1rpx solid #f3f3f3;
	}

	.btn {
		width: 690rpx;
		background-color: #222 !important;
		border-radius: 50rpx;
		margin: 30rpx auto;
		font-size: 28rpx;
		font-weight: 400;
		color: #fff;
		margin-top: 30rpx;
		border-radius: 50rpx;
	}
</style>